
.body_box
{
   width: 100%;
   height: 100%;
}
.btn_box{
  width: 100%;
  .et-flex-center();
}
  .detailTabs {
    width: 100%;
    
    .tab-pane {
      width: 100%;
      padding-bottom: 20px;
  
      .roles {
        width: 100%;
        .et-flex-column-normal();
  
        .role-row {
          width: 100%;
          .et-flex-start();
  
          .role-row-label {
            color: black;
            margin-right: 10px;
            width: 6em;
          }
        }
      }
    }
  }
  .policyBox{
    width: 100%;
    padding: 20px 100px;
    .policyRowBox{
      width: 100%;
      .et-flex-center();
      padding:10px 0;
      .policyLeftBox{
        width: 100px;
        text-align: right;
      }
      .policyRightBox{
        flex: 1;
        margin-left: 10px; 
      }
    }
    .policyRowTopBox{
      width: 100%;
      .et-flex-normal();
      padding:10px 0;
      .policyLeftBox{
        padding: 10px 0;
        width: 100px;
        text-align: right;
      }
      .policyRightBox{
        flex: 1;
        margin-left: 10px; 
      }
      .backtrack{
        flex: 1;
        height: 600px;
        margin-left: 10px; 
        background-color: rgba(0, 0, 0, 0.5);
        .et-flex-center();
      }
    }

  }
  .planConfBox{
    width: 100%;
    border-top: 1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
  
    .planConfRowBox{
      width: 100%;
      color: black;
      .et-flex-start();
      border-bottom:1px solid #ddd;
  
      .planContent{
        flex:5;
        text-align: center;
      }
      .guaranteeContent{
         flex:2;
         border-right: 1px solid #ddd;
         text-align: center;
  
      }
      .programmeContent{
        flex:5;
        border-right: 1px solid #ddd;
        text-align: center;
      }
      .pguaranteeContent
      {
        flex:2;
        text-align: center;
      }
    }
    .programmeRowBox{
      width: 100%;
      color: black;
      .et-flex-start();
      align-items:stretch;
      border-bottom:1px solid #ddd;
      .planName{
        flex:2;
        .et-flex-center();
      }
      .planContent{
        flex:4;
        .et-flex-center();
        border-left: 1px solid #ddd;
       border-right: 1px solid #ddd;
  
      }
      .guaranteeContent{
         flex:2;
         .et-flex-center();
         border-right: 1px solid #ddd;
  
      }
      .operate{
        flex:1;
        .et-flex-center();
  
      }
     
    }

  }
  .planConfBody{
    flex:1;
    margin-left: 10px; 
    .planConfTitleBody{
      width:100%;
      .et-flex-start();
      flex-direction: row;
      margin-bottom: 10px;
      .planConfTitleBox{
        border:1px solid #ddd;
        padding: 5px 5px;
        box-sizing: border-box;
        margin-right: 5px;
        border-radius: 5px;
      }
    }
  }
  .planConLabel{
    text-align: center;
  }
  .customBox{
    width: 100%;
    .applicantBox{
      width: 100%;
      .headBox{
        font-size: 20px;
        font-weight: bold;
        padding:10px 50px;
        box-sizing: border-box;
        border-bottom:1px solid #ddd;
      }
      .bodyBox{
        width: 100%;
        .insuredRow{
          width: 100%;
          padding:20px 70px;
          box-sizing: border-box;
          border-bottom:1px solid #ddd;
        }
        .rowBox{
          width: 100%;
          .et-flex-start();
          &:not(:last-child){
             margin-bottom:14px;
          }
          .customLeftBox{
            width: 100px;
            text-align: right;
          }
          .customRightBox{
            flex: 1;
            margin-left: 10px;
          }
        }
      }
    }
  }
